<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>登录</title>
    <link href="../tool/mui/css/mui.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../tool/util/common.css">
    <link rel="stylesheet" href="css/login_and_registration.css">
    <link rel="stylesheet" href="../tool/font/iconfont.css">

    <script src="../tool/jquery/jquery-1.12.3.min.js"></script>
    <script src="../tool/util/common.js"></script>
    <script src="../tool/mui/js/mui.js"></script>
    <script src="../tool/util/util.js"></script>
    <script src="js/login_and_register.js"></script>


</head>
<body class="body">
<div class="user-name-and-password-to-login">
    <div class="dispaly-flex dis-flex-center login-phone-title">
        <div></div>
        <div class="head-title">登录</div>
        <div class="register"> <a href="register.html">注册</a></div>
    </div>
    <div class="logo">
        <img src="res/img/wukongLogo.png">
        <!--<div class="product-name">
            极速贷
        </div>-->
    </div>
    <div class="information">
        <div class="user-information">
            <div class="user-info dispaly-flex">
                <div class="user-title"><i class="icon iconfont icon-yonghu"></i></div>
                <input type="text" id="userAccount" class="flex-1" placeholder="请输入手机号码" >
            </div>
            <div class="user-info dispaly-flex">
                <div class="user-title"><i class="icon iconfont icon-suo"></i></div>
                <input type="password" id="userPassWord" class="flex-1" placeholder="请输入登录密码">
                <div id="lookPassword" class="lookPassword"><i class="icon iconfont icon-biyan"></i></div>
            </div>
        </div>
        <div class="login">
            <input type="button" value="登录" class="sub-login" id="usernameAndPasswordToLogin">
        </div>
        <div class="user-info dispaly-flex dis-flex-content user-info-more">
            <div><a>忘记密码 <img src="res/img/quesiton.png" alt=""></a></div>
            <div><a>手机验证码登录</a></div>
        </div>
    </div>
</div>

<!--<div class="phone-to-login" style="display: none;">
    <div class="dispaly-flex dis-flex-content login-phone-title">
        <div><img src="res/img/back.png" class="back"></div>
        <div>验证码登录</div>
        <div>注册</div>
    </div>
    <div class="yzm-login">
        <div class="phone-to-login-phone">
            <input type="tel" placeholder="请输入手机号码">
        </div>
        <div class="phone-to-login-phone dispaly-flex dis-flex-content ">
            <input type="tel" placeholder="请输入验证码">
            <div class="get-yzm">获取验证码</div>
        </div>
        <div class="phoneToLogin">
            登录
        </div>
        <div class="user-info dispaly-flex dis-flex-content user-info-more">
            <div><a>忘记密码？</a></div>
            <div><a>账号密码登录</a></div>
        </div>
    </div>
</div>-->
<div class="three-login dispaly-flex three-login-top">
    <div class="flex-1 center-line"></div>
    <div class="three-login-title">第三方快捷登录</div>
    <div class="flex-1 center-line"></div>
</div>
<div class="three-login three-login-detail dispaly-flex dis-flex-content">
    <div><i class="icon iconfont icon-weixin"></i></div>
    <div><i class="icon iconfont icon-zhifubao"></i></div>
    <div><i class="icon iconfont icon-qq"></i></div>
    <div><i class="icon iconfont icon-weibo"></i></div>
</div>
</body>
</html>